heel wat webpagina's eindigen op .htm of „html. Deze af- 

kortingen staan voor HyperText Markup Language, en is de 
taal waarin deze webpagina’s geschreven worden. Het komt erop 
neer dat je door middel van allerlei codes, tags genoemd, vorm geeft 
aan je webpagina's. Wil je bijvoorbeeld een woord vetjes maken, 
dan volstaat het om van de <b>-tag (b staat voor bold, vetjes) ge- 
bruik te maken: DRUK DIT <B>VETJES</B> AF! 


B - Clickx - over computer en internet - - Microsoft Internet Explorer 


Bestand Bewerken Beeld Favorieten Extra Help 


@ verice MK 2, |) ä on £ ) Zoeken je Favorieten @ 


&l hep: / fw clickxmagazine,befindex.htm 


7 elfs de meest onervaren surfer heeft al snel in de gaten dat 


Zodra je wat wegwijs 
bent in deze tags-bi- 
bliotheek is het niet 
meer zo moeilijk om 
zelf zo’n html-pagina 
samen te stellen. Bo- 
vendien zijn er een 
aantal zogenaamde 
WYSIWYG-webedi- 
BEN revorieten Extra Heb tors (what you see is what you get) die het leven van 
enh * | _een webontwerper nog stukken makkelijker maken. 

Statusbalk 
Veel meer dan wat tekst en foto’s samen te stellen (zo- 


Een webpagina spreekt html. 


Explorer-balk 1d 

En ‚| _alsin een tekstverwerker) hoef je niet te doen: de web- 

Stoppen Esc editor genereert dan zelf wel de nodige html-tags! Wil 

Werreumen de je wel eens de html-broncode van zo’n pagina bekij- 

ekengrootte * |_ken, dan hoef je in Internet Explorer enkel maar de 

Codering Ld 8 E á 

optie BRON aan te klikken in het BEELD-menu. 

Dre Sa Het grote probleem van html is echter dat het nogal 

Foutopsporing in scripts p een makke taal dS terwijl het web een medium is dat 

vol heen Eil gewoon schrééuwt om beweging en interactiviteit. 


Daarom vond webpionier Netscape een extra taal uit, 
die het dynamisme van html flink moest opkrikken: 
JavaScript was geboren! Intussen zitten we overigens 
al aan versie 1.4 van JavaScript, en krijgen we meer en meer de 
term EcmaScript te horen. Ook Microsoft heeft overigens een ei- 
gen ‘dialect’ ontwikkeld (Jscript), maar de verschillen zijn voor deze 
kennismaking niet zo belangrijk. 


Even de html-broncode 
opvragen. 


Stap 1 

Je eerste script 

Als we je vertellen dat JavaScript een programmeertaal is, dan schrik 
je wellicht de ziel uit je lijf. Hoef echt niet: JavaScript is immers 


niet zo moeilijk, en na deze kennismaking ben je in staat al enke- 
le leuke scriptjes uit je mouw te schudden! Laat je vooral niet in 
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Een eerste kennismaking met JavaScript 


Breng wat leven in 


Je hebt zonet de laatste hand gelegd aan een hoogsteigen webstek, en je bent apetrots! 
Alleen jammer dat het je webpagina's een beetje mangelt aan interactiviteit: je tekst en 
foto's ogen dan wel fraai, op de pagina's zelf gebeurt er niks. Nochtans hoeft dat zo niet te 
blijven, en JavaScript is de geknipte taal om meer leven in je digitale brouwerij te brengen … 


verwarring brengen door de naam… JavaScript heeft omzeggens 
niets te maken met Java: dat is pas een taal waar je als program- 
meur ‘u’ moet tegen zeggen. 

Veel heb je trouwens niet nodig om met JavaScript aan de slag te 
gaan: een recente browser en een eenvoudige ASCII-editor vol- 
staan. Je kan je hiervoor prima uit de slag trekken met het Klad- 
blok van Windows: druk daarvoor op START, kies dan voor ALLE PRO- 
GRAMMA’S, BUREAU-ACCESSOIRES en tenslotte voor KLADBLOK. 


Zoals je intussen weet, werkt html met tags. Aangezien JavaScript 
eenvoudigweg in de html-pagina wordt opgenomen, moet je de 
browser natuurlijk diets maken waar precies dat script begint en 
eindigt: die code moet hij immers op een speciale manier behan- 
delen. Daarom plaatsen we JavaScript-code eveneens tussen tags 
(<script>). We maken dat meteen duidelijk aan de hand van een 
eerste voorbeeldje. We spreken meteen af dat we zuivere JavaScript- 
code met groen aanduiden, terwijl we de eigenlijke html-code in 
blauw zullen afdrukken. We gaan er wel van uit dat je van html al 
een béétje kaas hebt gegeten… 


| Mijn eerste JavaScriptje - Microsoft Internet Explorer EN elE 
Extra Help 2e 


@ vore ” [) 2) % £ ) zoeken 7 Favorieten 


Bestand Bewerken Beeld Favorieten 


>> 


€) ciClicksxleerste.htm bs >| Ganaar Koppelingen ® 


Niet alle begin is moeilijk… 


<html> 

<head> 

<title> Mijn eerste JavaScriptje </title> 
</head> 

<body> 

<script language="JavaScript’> 
document.bgColor="yellow” 
document.write(“Hallo, Clickx-wereld!”) 
</script> 

</body> 

</html> 


e webstek 


Je hoeft nu enkel deze code letterlijk in Kladblok in te tikken, op te 
slaan met de extensie „htm (bijvoorbeeld EERSTE.HTM) en vervolgens 
dat bestand in je browser op te roepen. Dat doe je bij Internet Ex- 
plorer in het menu BESTAND en dan via OPENEN, waarna je via de 
knop BLADEREN het html-bestand op je schijf kan opsporen. Veel 
tekst en uitleg hoeft dit eerste scriptje overigens niet, aangezien 
het slechts uit twee regeltjes bestaat. Om deze opdrachten te be- 
grijpen, moet je weten dat JavaScript met een vaste reeks objecten 
overweg kan - met een duur woord heet dat dan: JavaScript is ob- 
ject-georiënteerd. Een van die vaste objecten is ‘document’ en daar- 
mee wordt de geopende webpagina bedoeld. Bij elk object horen 
nu een aantal eigenschappen en je kan er gewoonlijk ook iets mee 
doen. In ons voorbeeld stellen we de eigenschap ‘achtergrondkleur’ 
in op geel (DOCUMENT.BGCOLOR="YELLOW”), en maken we gebruik 
van de ingebouwde schrijfmethode (DOCUMENT.WRITE(“HALLO, 
CLICKX-WERELD!”)) om in de pagina een vriendelijke groet te schrijven. 
We geven je aanstonds een reeks leuke of nuttige scriptjes mee, 
maar eerst nog dit… JavaScript maakt wel degelijk een onderscheid 
tussen hoofd- en kleine letters, en ook een foutief leesteken kan je 
script al compleet de mist doen ingaan. Werkt een en ander niet 
naar behoren, speur dan met een vergrootglas eerst naar mogelij- 
ke typo’s! Vooral de enkele en dubbele aanhalingstekens blijken 
daarvoor gretige kandidaten. 


Stap 2 


Roll-overs 
e e Het kan best gebeuren dat 
Clickx 1 Clickx@ je achter een afbeelding 
tj een link hebt gestopt. Je 
kk kan dat gerust extra in de 


verf zetten door die af- 
beelding te laten verande- 
ren zodra de bezoeker er met de muis overgaat. Zo’n constructie 
noemen we een roll-over, en met een eenvoudig script is dat zo ge- 


piept. 


Een leuke roll-over heb je zo voor elkaar! 


<html> 

<head> 

<title> Eenvoudige rollover </title> 

</head> 

<body> 

<a href="http://www.clickkmagazine.be” 
onMouseover="document.logo.src="clickx2.gif"” 
onMouseout="document.logo.src=’clickx1.gif""> 
<img src="clickx1.gif” width="100" height="32" border="0" 
name="logo"> 

</a> 

</body> 

</html> 


De html-code vertelt je weinig nieuws: je plaatst enkel een gif op 
je pagina en je hangt er een link aan die in ons voorbeeld naar de 
webstek van Clickx verwijst. Nieuw voor jou is misschien wel het 
attribuut NAME=”LOGO”. Hiermee geef je een naam (namelijk: logo) 
aan het afbeeldingsobject - dat in eerste instantie verwijst naar het 
bestand ‘clickxr.gif’ (‘src’ staat voor source, bron). Doordat je dit 
object een naam geeft, kan je er vanuit het scriptje namelijk mak- 
kelijker naar verwijzen. 

Het scriptje zelf valt makkelijk te interpreteren: ga je er met de 
muis over, dan verwijst ons logo-object naar het bestand ‘clickxa.gif’, 
en verwijder je de muispijl opnieuw, dan krijg je terug het oor- 
spronkelijke ‘clickxr.gif’ te zien. 

Dit muisgedoe regel je in JavaScript met ONMOUSEOVER, respec- 
tievelijk oNMousrour. Deze twee opdrachten worden ‘event hand- 
lers’ genoemd: dat zijn ingebouwde stukjes programmacode die 
uitgevoerd worden zodra de gebruiker een of andere actie verricht 
— in dit geval dus: de muis over (of: weg van) het bewuste object be- 
wegen. Dankzij deze ingebouwde stukjes code kan je heel makke- 
lijk extra interactie met de bezoeker aan je webpagina’s toevoegen. 


Stap 3 
Geef kleur aan je pagina 


A Achtergrond naar wens? - Microsoft Internet Explorer EN elEd) 
Extra Help Ae 


N 7, [x) EF en Á ‘ Zoeken 7 Favorieten 


v EJ ca naar Koppelingen ee 


Bestand Bewerken Beeld Favorieten 


>> 


Adres E Ci\clickxiderde.hem 


Achtergrond naar willek(l)eur… 


Elke bezoeker heeft zo zijn eigen smaak, dus wat zou je er van den- 
ken als je hem zelf zijn eigen achtergrondkleur liet instellen? Ook 
dat kan met een vrij eenvoudig script: 


<html> 

<head> 

<title>Achtergrond naar wens? </title> 
sscript language="JavaScript”> 
function anderKleur(kleur) 
{document.bgColor = kleur} 

</script> 

</head> 

<body> 
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<form> 

Kies je kleur: 

<input type="button” value="Limoen” onClick="ander- 
Kleur(‘lime’)’> 

<input type="button” value="Kaki” 
onClick="anderKleur(‘khaki’)”> 

<input type="button” value="Oranje” onClick="ander- 
Kleur(‘orange')"> 

</form> 

</body> 

</html> 


Ook dit script is erg compact, maar toch introduceren we hier voor 
jou een paar nieuwigheden. We concentreren ons eerst op de Ja- 
vaScript-code die zich tussen de <body>-tags bevindt. 

Hierin hebben we een klassiek html-formulier opgenomen, maar 
aan elke knop hangt meteen een ‘event handler’. In dit geval gaat 
het om ONCLIcCK: zodra je bezoeker zo’n knop aanklikt, wordt het 
stukje code uitgevoerd dat zich achter oNCrick= bevindt. Die code 
roept een mini-programmaatje in JavaScript aan, dat we hier de 
naam ANDERKLEUR() hebben gegeven. Zo'n miniprogramma noe- 
men we een functie, en de code van deze functie plaatsen we tus- 
sen de <HEAD>-tags van onze html-pagina, netjes afgebakend door 
de intussen bekende <scrIPT>-tags. Zoals je merkt, plaatsen we de 
functiecode zelf tussen { }. 

Bij het aanroepen van deze functie vanuit onze ‘event handler’ ge- 
ven we een zogenaamde parameter mee. Bij de eerste knop is dat 
bijvoorbeeld lime. De functie anderKleur() ontvangt deze parame- 
ter en stopt die in de variabele ‘kleur’. Zo’n variabele kan je zien 
als een container met een bepaalde naam - in dit geval dus ‘kleur’ 
- die (tijdelijk) een waarde kan bevatten, en als de bezoeker op de 
eerste knop klikt, wordt dat de waarde LIME. 

Nu zijn we toegekomen aan de functie ANDERKLEUR() zelf, en die 
bestaat in dit geval slechts uit één regeltje code. Dat coderegeltje 
ken je intussen al van ons allereerste voorbeeldje: de eigenschap 
achtergrondkleur van het object document krijgt de waarde die in 
de variabele ‘kleur’ zit. Probeer het gerust eens uit: je merkt dade- 
lijk hoe dit script in elkaar steekt! 


Stap 4 
Halt! Wachtwoord! 


Misschien heb je wel enkele pagina’s in je webstek gestopt die je 
liever geheim zou houden, en bijvoorbeeld enkel toegankelijk ma- 
ken voor bezoekers die over het correcte wachtwoord beschikken. 
Ook dat is perfect mogelijk met JavaScript, en de code verschilt niet 
eens zoveel van ons vorige voorbeeld. 

E Eerst je wachtwoord! - Microsoft Internet Explorer 


DX) 
a 


>> 


Bewerken Beeld Favorieten Extra Help 


@ vore î © r |% = en 2 Zoeken jp Favorieten 


v | Ganaar Koppelingen 


Bestand 


Adres Pa C:\Clickx\vierde, htm 


Graag eerst je wachtwoord (in kleine letters!) 


| 


Zonder wachtwoord kom je er niet in! 
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À Kan de server niet vinden - Microsoft Internet Explorer el 


Bestand Bewerken Beeld Favorieten Extra Help | 


@ vorioe v d [) 2) LA Je Zoeken gp Favorieten 


Vv Ganaar Koppelinger 


es |E) C\ctiekielockx.hem 


De pagina kan niet worden 
weergegeven. 


De pagina waarnaar u zoekt, is momenteel niet beschikbaar. Er 
zijn mogelijk technische problemen met de website of u moet 


Oeps. voutje getikt! 


<html> 

<head> 

<title>Eerst je wachtwoord!</title> 

<script language="JavaScript’> 

function geheim(wachtwoord) 
{document.location.href=wachtwoord + “.htm”} 
</script> 

</head> 


<body onLoad="document.formulier.ww.focus()’> 
<form name="formulier”> 

<b>Graag eerst je wachtwoords</b>=<br> 
<input type="password” name="ww” value= 
<input type="button” value="Verstuur!” 
onClick="geheim(ww.value)"> 

</form> 

</body> 

</html> 


size=20> 


Je merkt het: alweer een beknopt stukje script, maar dit keer wel 
rijkelijk voorzien van objecten. We maken opnieuw gebruik van 
zo’n handig html-formulier, dat we hier de weinig geïnspireerde 
naam ‘formulier’ hebben meegegeven (NAME="FORMULIER”). Zodra 
onze bezoeker op de knop VErsTUUR! drukt, schiet de ‘event hand- 
ler’ ‘onClick’ in actie. Die roept de functie GEHEIM() op en geeft die 
als parameter mee: ww.VALUE. ‘ww’ is niks anders dan de naam die 
we aan het in te vullen PAssworp-veld hebben gegeven, en de ei- 
genschap value van dit object is precies wat onze bezoeker in dat 
veld heeft ingetikt. Stel dat hij ‘clickx’ heeft ingetikt, dan zal ww.vA- 
LUE en dus ook de functievariabele wacHTwoorp de waarde ‘clickx’ 
bevatten. 

Wat voert onze functie GEHEIM() nu precies met deze waarde uit? 
Die koppelt er eerst de extensie „htm aan, zodat de samengestelde 
waarde nu ‘clickx.htm’ luidt. Vervolgens wordt DOCUMENT.LOCA- 
TION.HREF aan deze waarde gelijkgesteld. In mooi Nederlands luidt 
dit: zorg ervoor dat de locatie (LOCATION) van de geopende webpa- 
gina (DOCUMENT) verwijst naar (href staat voor ‘hypertext referen- 
ce’) het bestand ‘clickx.htm’. Anders gezegd: je browser gaat op 
zoek naar ‘clickx.htm’, en zal die nieuwe pagina in plaats van de 
huidige wachtwoordpagina inladen. Tik je een foutief wachtwoord 
in (‘clockx’ bijvoorbeeld), dan zal je browser ‘clockx.htm’ niet vin- 
den en een foutmelding geven. Het komt er dus op neer dat je 
(eerst) een webpagina aanmaakt en dat je de naam van dat html- 
bestand vervolgens aan je kennissen als wachtwoord doorgeeft. 
Onze JavaScript-code is echter nog niet helemaal rond. Er duikt 
namelijk nog een ‘event handler’ op: oNLoap! Die zorgt er voor dat 


de code die erachter staat, automatisch wordt uitgevoerd, zodra de 
ganse pagina door de browser is ingeladen. In dit geval wordt de 
methode Focus() toegepast op het object ww (ons PAssworp-veld 
dus) dat zich binnen het object FORMULIER op de geopende webpa- 
gina bevindt. De ingebouwde methode Focus() zorgt er enkel voor 
dat de cursor in dat veld geplaatst wordt, zodat de bezoeker on- 
middellijk met het intikken kan beginnen en dus niet eerst het veld 
hoeft aan te klikken. 


Stap 5 
Welkom, en tot ziens! 


Dl Gegroet, beste bezoeker! - Microsoft Internet Explorer 


@ verice ee D| |) Ei 


File: HIC: fClickx) vijfde htm?vnaam=Toon 


iet 


er Extra Help 
AN ps, Zoeken 7 Favorieten © redia 


v EJ ca naar Koppelingen * 


Graag je voornaam (bij je vertrek) 
‘Toon 


Microsoft Internet Explorer 


Â 


Beste Toon, jammer dat je zo vroeg al vertrekt, 
Ik hoop je hier snel terug te zien! 


Nog snel even uitwuiven… 


Van dit script is het nog maar een kleine stap naar het volgende 
praktijkvoorbeeld: zodra je bezoeker je webstek binnenstapt, krijgt 
hij een vriendelijk welkomstscherm te zien, en uitwuiven hoort er 
natuurlijk ook bij… 


<html> 
<head> 
<title>Gegroet, beste bezoeker!s/title> 
<script language="JavaScript'> 
function welkom() { 
alert(“\n Welkom op mijn webstek.” + 
“I\n Ik hoop dat je er veel plezier aan beleeft…”) 
} 
function totZiens(naam) { 
alert(“\n Beste “ + naam + “, jammer dat je zo vroeg al 
vertrekt.” + 
“\n Ik hoop je hier snel terug te zien!”) 
} 
</script> 
</head> 
<body onLoad="welkom()” onUnload="totZiens(docu- 
ment.formulier.vnaam.value)”> 
<form name="formulier"> 


<b>Graag je voornaams/b> (bij je vertrek)<br> 
<input type="text" name="vnaam” value="" size=20> 
</form> 

</body> 

</html> 


De ‘event handler’ oNLoap ken je intussen al, en het valt dan ook 
niet moeilijk te voorspellen wat oNUNLOAD doet: juist, een functie 
aanroepen zodra je bezoeker de pagina verlaat. 

Zoals je ziet, hoeft een script lang niet tot één enkele functie be- 
perkt te blijven. Hier hebben we er bijvoorbeeld twee opgenomen: 
WELKOM () en TOTZIENS(). 

Beide functies roepen de ingebouwde methode ALERT() aan, en je 
raadt het al: deze methode doet een klein pop-upvenster bovenop 
de webpagina verschijnen. Nemen we even de functie TOTZIENs() 
als voorbeeld. Die krijgt — ongeveer zoals in ons vorige script — de 
waarde door die de bezoeker in het tekstveld VNAAM heeft ingetikt. 
Samen met wat vriendelijke woordjes komt deze waarde met be- 
hulp van de functievariabele NAAM in het pop-upvenstertje terecht: 
“Beste “ + NAAM + “, jammer dat…”. Wellicht vraag je je af wat pre- 
cies \n betekent? Heel eenvoudig: dat zorgt ervoor dat de tekst die 
erachter komt, op een nieuwe regel begint. 


Stap 6 
Tickertape 


a Tickertape op de statusbalk - Microsoft Internet Explorer 
Bestand Bewerken Beeld Favorieten Extra Help 


@ vore >) Le) F %% J Zoeken jg Favorieten OP mede € Sche REN 5 - LJ DS 


s (8) Cr\clicdzesde.htm, vld eanear Koppelingen ” 


EEK) 


Vergeet ook niet naar je statusbalk te kijken! 


&) te winnen! Welkom op deze Clickx-tickertape. Er zijn opnieuw veel prijze 3 el Deze computer 


De statusbalk: hoeft niet saai te zijn! 


De statusbalk van de 
browser geeft ge- 
woonlijk allerlei in- 
formatie weer over de 
webpagina zelf (hoe- 
ver staat die met het 
inladen, waar wijst 
een link naartoe, 
enz…). Als je denkt je 
bezoeker daar een plezier mee te doen, dan kan je daar makkelijk 
een leuke, bewegende boodschap in stoppen — een tickertape, zeg 
maar. Ons laatste praktijkvoorbeeld heeft weliswaar voldoende aan 
één functie, maar die is wel een stukje complexer dan onze vorige 
voorbeelden. Met onze uitleg sla je je er echter wel doorheen! 


Ì Hiekertape op de statusbalk - Microsoft Internet Explorer 
Board Bmserkan Beeld Emorsten Esa tw 


€) IJ ED Posen Pre Sr DC Fri 
per €) cachahaende tem 


Vergeet ook niet naar ze stamusbalk te kijken!” 


De statusbalk na 50 ronden 


<html> 
<head> 
<title>Tickertape op de statusbalks/title> 


<script language="JavaScript'> 


boodschap=" Welkom op deze Clickx-tickertape. Er zijn 
opnieuw veel prijzen te winnen!” 
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Lo 
ON 


POES ENZ 


teller=0 
function tickerTape() { 
window.status=boodschap.substring(teller,boodschap.len 
gth) + boodschap.substring(0,teller-1) 
if (teller < boodschap.length) { 
teller=teller + 1 
} 
else { 
teller = 0 


} 
setTimeout(“tickerTape()”,100) 


} 


</script> 


</head> 

<body onLoad="tickerTape()"> 

Vergeet ook niet naar je statusbalk te kijken!” 
</body> 

</html> 


Wat de ‘event handler’ oNLoap precies doet, hoeven we je intussen 
niet meer diets te maken. We pakken dus meteen het script zelf 
aan… We maken eerst duidelijk dat we twee variabelen nodig zul- 
len hebben. Enerzijds de variabele BOODSCHAP, waarin we meteen 
onze uitnodigende mededeling stoppen (“Welkom op …”). Verder 
hebben we ook nog een variabele teller nodig, die we instellen op 
de waarde o — straks zie je wel waarom. 

Vervolgens is het de beurt aan de eigenlijke functie, die we hier TIc- 
KERTAPE() hebben genoemd. We beginnen met het object winN- 
DOW.STATUS op te vullen, en zoals je kan vermoeden, wordt daar- 
mee de statusbalk (srarus) van het browservenster (wiNDow) be- 
doeld. Wil je weten waarmee we de statusbalk aanvankelijk opvul- 
len, dan dien je eerst te weten wat de methode suBsTRING() inhoudt. 
Die zorgt ervoor dat een welbepaald onderdeel uit de ganse tekst- 
string (van onze boodschap) wordt uitgelicht, namelijk alles wat 
zich bevindt tussen de eerste en de tweede parameter van die me- 
thode: BOODSCHAP.SUBSTRING(TELLER, BOODSCHAP.LENGTH) houdt dus 
in dat alles getoond wordt vanaf teken o van de string (TELLER staat 
immers aanvankelijk op o ingesteld, en o is in JavaScript het al- 
lereerste teken van de string) tot en met het laatste teken (BOOD- 
SCHAP.LENGTH geeft namelijk het totaal aantal tekens van de string 
aan). In de statusbalk komt daar echter nog een substring bij: BOOD- 
SCHAP.SUBSTRING(O, TELLER-I) . Aanvankelijk is deze substring (o,- 
1) natuurlijk leeg, maar dat verandert zo dadelijk wel als de teller 
verhoogt… 

Vervolgens onderzoeken we of aan een bepaalde voorwaarde vol- 
daan is: IF (TELLER < BOODSCHAP.LENGTH) {TELLER=TELLER + 1}. Als de 
teller (die initieel op o staat) kleiner is dan de totale lengte van de 
boodschap (77 tekens dus — spaties worden ook als tekens meege- 
rekend!), dan moet je de teller met één verhogen (TELLER + 1). Is dat 
niet het geval, dan wordt de code uitgevoerd die na else staat: {TEL- 
LER = 0}, waardoor de teller weer op o springt. 

We zijn bijna rond, alleen is er nog die geheimzinnige SETTIME- 
OUT=(“TICKERTAPE()”,1oo)… Deze ingebouwde opdracht sETTIME- 
OUT zorgt ervoor dat de functie (in dit geval TICKERTAPE()) altijd op- 
nieuw wordt uitgevoerd, weliswaar met een pauze van x-aantal mil- 
liseconden (in dit geval roo, wat dus neerkomt op 1/10 seconde). 
Wil je de functie versnellen — en dus de tickertape op de statusbalk 
vlugger laten scrollen — dan moet je deze waarde verkleinen. 
Voor alle duidelijkheid zetten we even de situatie op een rijtje na- 
dat de functie respectievelijk 1 keer en 5o keer werd uitgevoerd. 
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Na 1 keer: 

de volledige boodschap wordt getoond (alles vanaf teken o t/m 76 
+ alles vanaf teken o t/m o); 

daarna springt de teller op waarde 1. 


Na 5o keer: 
de substring vanaf teken 49 t/m 76 + de substring vanaf teken o 
t/m 47; deze substring ziet er in ons voorbeeld als volgt uit: “nieuw 
veel prijzen te winnen! Welkom op deze Clickx-tickertape. Er zijn 
op”; 
daarna springt de teller op waarde 5o. 

— Toon Van Daele — 


Smaakt naar nog? 


Nu heb je al een aardig idee van wat je allemaal met JavaScript 
kan uitspoken. Maar wie echt goed beslagen is in deze script- 
taal, kan heel wat meer uit z'n hoge hoed toveren. Zo kan je 
bijvoorbeeld grondig nagaan of de bezoeker je webformulier 
wel volledig en correct heeft ingevuld, je kan met cookies wer- 
ken zodat je site bij een volgende visite de voorkeuren van je 
bezoeker nog kent, en je kan zelfs afbeeldingen over het brow- 
serscherm laten 
bewegen… 

Wil je je in deze 
materie vastbijten, 
dan kunnen we je 
alvast een paar 
goede boeken aan- 
raden. We hebben 
er zelf al zo’n 
dozijn achter de 
kiezen, maar de wan 
volgende twee boe- panden rampen ee 
ken konden ons | je mn 
absoluut bekoren: 

JavaScript voor het 
world wide web (Pearson Education Uitgeverij, Tom Negrino 
& Dori Smith, ISBN 9o-4300-503-7), dat prima geschikt is 
voor beginnende JavaScript-liefhebbers, en JavaScript Grand 
Cru (Easy Computing, Campbell & Nefzger, ISBN 9o-5167- 
379-5), dat ook de iets gevorderde JavaScripter zal kunnen ver- 
leiden. 

Maar ook op het internet vind je tal van websteks die je graag 
een handje verder helpen, en je zelfs voorzien van tientallen 
gratis scriptjes. Zo tref je tientallen netjes gesorteerde scripts 
aan op [ www.javascript.com | en [ www.free-javascripts. 
com |, en verder bieden ze je ook nog links aan naar on line 
JavaScript-cursussen. Zo’n duizend andere scripts wachten je 
op bij [ http://javascript.internet.com |. Al deze scripts zie je 
in werking, en kan je zo naar je eigen webpagina's kopiëren 
— de nodige uitleg krijg je er bovenop. 

Wil je ten slotte een handig overzicht van de belangrijkste 
objecten en ingebouwde methodes van JavaScript, dan moet 
je zeker eens snuisteren op de webstek van Netscape. Daar 
vind je tal van handige tips, technieken en tabellen. Een goed 
vertrekpunt is alvast [ http://developer.netscape.com/docs/ 
manuals/communicator/jsguide/contents.htm |. — rvo 
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